<div style="background-color: #FFF; overflow: hidden">
	<div title="{{$.lp.base}}" class="MWFTab">
		<table width="100%" border="0" cellpadding="5" cellspacing="0" class="editTable">
		  <tr>
		    <td class="editTableTitle">{{$.lp.id}}:</td>
		    <td class="editTableValue"><input type="text" name="id" value="text{$.id}" class="editTableInput"/></td>
		  </tr>
		  <tr>
		    <td class="editTableTitle">{{$.lp.name}}:</td>
		    <td class="editTableValue"><input type="text" name="name" value="text{$.name}" class="editTableInput"/></td>
		  </tr>
		  <tr>
		    <td class="editTableTitle">{{$.lp.description}}:</td>
		    <td class="editTableValue"><input type="text" name="description" value="text{$.description}" class="editTableInput"/></td>
		  </tr>
<!--		  <tr>-->
<!--		    <td class="editTableTitle">Class:</td>-->
<!--		    <td class="editTableValue"><input type="text" name="description" value="text{$.description}" class="editTableInput"/></td>-->
<!--		  </tr>-->
		</table>
		
		<div class="MWFMaplist" name="styles" title="{{$.lp.style}}"></div>
		<div class="MWFMaplist" name="properties" title="{{$.lp.attribute}}"></div>

        <div class="MWFMaplist" name="titleStyles" title="{{$.lp.titleStyle}}"></div>
        <div class="MWFMaplist" name="itemStyles" title="{{$.lp.dataStyle}}"></div>

	</div>

	<div title="{{$.lp.view}}"  class="MWFTab">
		<div>
			<table width="100%" border="0" cellpadding="5" cellspacing="0" class="editTable">
				<tr>
					<td class="editTableTitle">{{$.lp.view}}:</td>
					<td class="editTableValue"><div class="MWFQueryViewSelect" name="queryView"></div></td>
				</tr>
			</table>
			<table width="100%" border="0" cellpadding="5" cellspacing="0" class="editTable">
				<tr>
					<td class="editTableTitle">{{$.lp.loadNow}}:</td>
					<td class="editTableValue">
						<input type="radio" name="loadView" value="yes" text{($.loadView!='no')?'checked':''}/>{{$.lp.yes}}
						<input type="radio" name="loadView" value="no" text{($.loadView=='no')?'checked':''}/>{{$.lp.no}}
					</td>
				</tr>
			</table>
		</div>


		<table width="100%" border="0" cellpadding="5" cellspacing="0" class="editTable">
			<!--<tr>-->
			<!--<td class="editTableTitle">视图:</td>-->
			<!--<td class="editTableValue">-->
			<!--<div class="MWFViewSelect" name="view"></div>-->
			<!--</td>-->
			<!--</tr>-->
			<tr>
				<td class="editTableTitle">{{$.lp.showTitle}}</td>
				<td class="editTableValue">
					<input class="editTableRadio" name="isTitle" text{($.isTitle!='no')?'checked':''} type="radio" value="yes"/>{{$.lp.show}}
					<input class="editTableRadio" name="isTitle" text{($.isTitle=='no')?'checked':''} type="radio" value="no"/>{{$.lp.hide}}
				</td>
			</tr>
			<tr>
				<td class="editTableTitle">{{$.lp.expandDefault}}</td>
				<td class="editTableValue">
					<input class="editTableRadio" name="isExpand" text{($.isExpand=='yes')?'checked':''} type="radio" value="yes"/>{{$.lp.expand}}
					<input class="editTableRadio" name="isExpand" text{($.isExpand!='yes')?'checked':''} type="radio" value="no"/>{{$.lp.collapse}}
				</td>
			</tr>
			<tr>
				<td class="editTableTitle">{{$.lp.allowSelect}}</td>
				<td class="editTableValue">
					<select name="select" onchange="$('text{$.pid}selectedAbleScript').setStyle('display', this.options[this.selectedIndex].value === 'no' ? 'none' : 'block');">
						<option text{($.select!='single' && $.select!='multi')?'selected':''} value="no">{{$.lp.notAllow}}</option>
						<option text{($.select=='single')?'selected':''} value="single">{{$.lp.singleChoice}}</option>
						<option text{($.select=='multi')?'selected':''} value="multi">{{$.lp.multipleChoice}}</option>
					</select>
				</td>
			</tr>
			<tr>
				<td class="editTableTitle">{{$.lp.actionBar}}</td>
				<td class="editTableValue">
					<input class="editTableRadio" name="actionbar" text{($.actionbar=='show')?'checked':''} type="radio" value="show"/>{{$.lp.show}}
					<input class="editTableRadio" name="actionbar" text{($.actionbar!='show')?'checked':''} type="radio" value="hidden"/>{{$.lp.hide}}
				</td>
			</tr>
			<!--<tr>-->
			<!--<td class="editTableTitle">打开文件</td>-->
			<!--<td class="editTableValue">-->
			<!--<input class="editTableRadio" name="isOpen" text{($.isOpen!='no')?'checked':''} type="radio" value="yes"/>允许-->
			<!--<input class="editTableRadio" name="isOpen" text{($.isOpen=='no')?'checked':''} type="radio" value="no"/>不允许-->
			<!--</td>-->
			<!--</tr>-->
		</table>

		<div style="background-color: #eeeeee; border-top:1px solid #999999; height: 24px; line-height: 24px; text-align: center; cursor:pointer">{{$.lp.filter}}</div>
		<div class="MWFViewFilter">
			<div class="inputAreaNode_vf">
				<table width="100%" border="0" cellpadding="5" cellspacing="0" class="editTable restrictViewFilterTable_vf">
					<tr style="display:none">
						<td class="editTableTitle">{{$.lp.title}}:</td>
						<td class="editTableValue"><input type="text" class="editTableInput titleInput_vf"/></td>
					</tr>
					<tr>
						<td class="editTableTitle">{{$.lp.path}}:</td>
						<td class="editTableValue"><input type="text" class="editTableInput pathInput_vf"/></td>
					</tr>
					<tr>
						<td class="editTableTitle">{{$.lp.dataType}}:</td>
						<td class="editTableValue"><select class="datatypeInput_vf">
							<option value="textValue" selected>{{$.lp.text}}</option>
							<option value="numberValue">{{$.lp.number}}</option>
							<option value="dateValue">{{$.lp.date}}</option>
							<option value="dateTimeValue">{{$.lp.dateTime2}}</option>
							<option value="booleanValue">{{$.lp.boolean}}</option>
						</select></td>
					</tr>
					<tr style="display:none">
						<td class="editTableTitle"></td>
						<td class="editTableValue">
							<input type="radio" class="restrictFilterInput_vf" value="restrict" name="text{$.id}viewFilterType" checked/>{{$.lp.asDefaultFilter}}<br>
							<input type="radio" class="customFilterInput_vf" value="custom" name="text{$.id}viewFilterType"/>{{$.lp.asCustomFilter}}
						</td>
					</tr>
				</table>
				<table id="text{$.pid}viewFilterRestrict" width="100%" border="0" cellpadding="5" cellspacing="0" class="editTable">
					<tr>
						<td class="editTableTitle">{{$.lp.logic}}:</td>
						<td class="editTableValue"><select class="logicInput_vf">
							<option selected value="and">{{$.lp.and}}</option>
							<option value="or">{{$.lp.or}}</option>
						</select></td>
					</tr>

					<tr>
						<td class="editTableTitle">{{$.lp.compare}}:</td>
						<td class="editTableValue"><select class="comparisonInput_vf">
							<option value="equals" selected>{{$.lp.equals}}(==)</option>
							<option value="notEquals">{{$.lp.notEquals}}(!=)</option>
							<option value="greaterThan">{{$.lp.greaterThan}}(>)</option>
							<option value="greaterThanOrEqualTo">{{$.lp.greaterThanOrEqualTo}}(>=)</option>
							<option value="lessThan">{{$.lp.lessThan}}(<)</option>
							<option value="lessThanOrEqualTo">{{$.lp.lessThanOrEqualTo}}(<=)</option>
							<option value="like">{{$.lp.like}}(like)</option>
							<option value="notLike">{{$.lp.notLike}}(not-like)</option>
<!--							<option value="range">{{$.lp.range}}(range)</option>-->
							<option value="in">{{$.lp.in}}(in)</option>
						</select></td>
					</tr>
					<tr style="display:none">
						<td class="editTableTitle">{{$.lp.value}}:</td>
						<td class="editTableValue">
							<input type="text" class="editTableInput valueTextInput_vf" style="display: block"/>
							<input type="number" class="editTableInput valueNumberInput_vf" style="display: none"/>
							<input type="text" class="editTableInput valueDatetimeInput_vf" style="display: none" readonly/>
							<input type="text" class="editTableInput valueDateInput_vf" style="display: none" readonly/>
							<input type="text" class="editTableInput valueTimeInput_vf" style="display: none" readonly/>
							<select class="valueBooleanInput_vf" style="display: none">
								<option value="true" selected>{{$.lp.true}}(True)</option>
								<option value="false">{{$.lp.false}}(False)</option>
							</select>
							<div class="multiValueNotice_vf" style="display: none;color: #999;line-height: 24px;">{{$.lp.filterValueInfo}}</div>
						</td>
					</tr>
				</table>
				<div title="值" class="MWFFilterFormulaArea"></div>
			</div>
			<div class="actionAreaNode_vf"></div>
			<div style="height: 20px; line-height: 20px; text-align:center; background-color: #eeeeee">{{$.lp.defaultFilter}}</div>
			<div class="listAreaNode_vf" style="min-height: 56px; border-bottom:1px solid #CCCCCC; overflow: hidden;"></div>
			<div style="display:none; height: 20px; line-height: 20px; text-align:center; background-color: #eeeeee">{{$.lp.customFilter}}</div>
			<div class="fieldListAreaNode_vf" style="display:none; min-height: 56px; border-bottom:1px solid #CCCCCC; overflow: hidden;"></div>
		</div>
		<div class="MWFScriptArea" name="defaultSelectedScript" title="{{$.lp.defaultSelectedLineScript}}"></div>
		<div class="MWFScriptArea" name="selectedAbleScript" title="{{$.lp.allowSelectiLineScript}}" id="text{$.pid}selectedAbleScript"
			 style="display: text{($.select=='single' || $.select=='multi')?'':'none'}"></div>
	</div>

	<div title="{{$.lp.event}}"  class="MWFTab">
		<div class="MWFEventsArea" name="events"></div>
	</div>
	<div title="HTML"  class="MWFTab">
		<div class="MWFHTMLArea" style="font-family: Verdana, Geneva, sans-serif; font-size:14px"></div>
	</div>
	<div title="JSON"  class="MWFTab">
		<div class="MWFJSONArea" style="font-family: Verdana, Geneva, sans-serif; font-size:14px"></div>
	</div>
</div>
